import { Button, Row, Col } from 'antd';

import {
  SaveOutlined,
  ExportOutlined,
  PlayCircleOutlined,
} from '@ant-design/icons';

import cls from 'classnames';
import './index.less';

export const DesignerHeader = () => {
  return (
    <div className={cls('ivr-header-body')}>
      <Row gutter={[10, 10]}>
        <Col>
          <Button type={'default'} size={'small'} icon={<ExportOutlined />}>
            导出
          </Button>
        </Col>
        <Col>
          <Button type={'default'} size={'small'} icon={<PlayCircleOutlined />}>
            运行
          </Button>
        </Col>
        <Col>
          <Button type={'primary'} size={'small'} icon={<SaveOutlined />}>
            保存
          </Button>
        </Col>
      </Row>
    </div>
  );
};
